{% load static %}
{% load menu %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HOME</title>
    <link rel="shortcut icon" href="#"/>
    <link rel="stylesheet" href="{% static '/plugins/bootstrap-3.4.1-dist/css/bootstrap.min.css' %}">
    <link rel="stylesheet" href="{% static '/plugins/fontawesome-free-5.15.4-web/css/all.min.css' %}">
    <link rel="stylesheet" href="{% static '/css/common.css' %}">
    <link rel="stylesheet" href="{% static '/css/menu.css' %}">
    <link rel="stylesheet" href="{% static '/css/nav.css' %}">
    <link rel="stylesheet" href="{% static '/css/level.css' %}">
    <link rel="stylesheet" href="{% static '/css/search-group.css' %}">
    {% block css %}{% endblock %}
</head>
<body>
<div class="pg_header">
    <div class="nav">
        <div class="logo-area left">
            <a href="{% url 'home' %}">
                <i class="fa fa-money"></i>
                <span>my管理平台 </span>
            </a>
        </div>
        <div class="right-menu right clearfix">
            <div class="user-info right">
                <a href="#" class="avatar">
                    <span>{{ request.my_user.name }}</span>
                    <img src="{% static 'images/user_default.png' %}" alt="用户头像" class="img-circle">
                </a>
                <div class="more-info hide">
                    <a href="{% url 'logout' %}" class="more-item">注销</a>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="pg_body">
    <div class="left_menu">
        <div class="menu_body">
            <div class="multi_menu">
                {% my_menu request %}
            </div>
        </div>
    </div>

    <div class="right_body">
        <div class="path-nav">
            <ol class="breadcrumb">
                {% for menu_nav in request.my_user.menu_nav_list %}
                    <li><a href="#">{{ menu_nav }}</a></li>
                {% endfor %}
            </ol>
        </div>
        {% block content %}
        {% endblock %}
    </div>

</div>

<script src="{% static 'js/jquery-3.7.1.min.js' %}"></script>
<script src="{% static 'plugins/bootstrap-3.4.1-dist/js/bootstrap.min.js' %}"></script>
<script src="{% static 'js/menu.js' %}"></script>
<script src="{% static 'js/nav.js' %}"></script>
{% block js %}
{% endblock %}

</body>
</html>